<div xmlns:f="http://java.sun.com/jsf/core"
	  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions">
	 
	 <!-- Estilos -->
	 <style>
	 	#m3p1_divWrapper{
	 		width: 800px;
	 		height: 500px;
	 		border: 1px solid #A8A8A8;
    		border-radius: 5px 5px 5px 5px;
 			color: #4F4F4F;
	 	}
	 	
	 	#m3p1_field{
	 	
	 	}
	 	
	 .fieldsetGral{
	 	width:680px;
	 	margin-top: 10px;
	 	padding: 5px;
	 }
	 
	 .listaBotones{
	 	margin-left:50px;
	 	margin-top:10px;
	 	margin-bottom:10px;
	 }
	 
	 .espacioBoton{
	 	margin-left:30px;
	 }
	 
	 .espacioEtiqueta{
	 	margin-left: 10px;
	 	margin-right: 5px;
	 }

	.driverLicExpCal {
		position: absolute;
		left: 210px;
		width: 100px;
	}

	#anchoTexto{
		width: 200px;
	}
	
	.divTablaResumenCaja{
		border: 1px solid #A8A8A8;
		border-radius: 2px;
		height: 245px;
    	width: 645px;		   
		margin-top: 10px;
		overflow: scroll;
	}
	.divTablaResumenAhorros{
		border: 1px solid #A8A8A8;
    	border-radius: 2px;
		height: 245px;
    	width: 680px;		   
		margin-top: 0px;
		margin-left: 4px;
		overflow: scroll;
	}
	
		/** Estilos primefaces */
		.pf-boton{
				min-width:100px; 
				height:28px; 
				font-size:11px;
		}
		
		.tableGral thead th{
			padding:0 10px;
		}
  
        #m1p1_divWrapper .ui-datatable th, #m1p1_divWrapper .ui-datatable tfoot td{
			text-align: left;
		}
    
        #m1p1_divWrapper .ui-dt-c {
		    border-collapse: collapse;
		    font-size: 10px;
		    width: 100%;
		}

        #m1p1_divWrapper .ui-widget {
	    	font-family: Arial,sans-serif;
	    	font-size: 11px;
		}
				

		/** Estilos para el confirm dialog. **/		
		.boton {
			margin-top:10px;
		}
			
		.confirmGral {
    		background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #C4C4C4;
   			border: 1px solid #A8A8A8;
    		border-radius: 5px 5px 5px 5px;
 		   	color: #4F4F4F;
    		font-family: Tahoma,Geneva,sans-serif;
    		font-size: 11px;
    		font-weight: bold;
    		min-height: 25px;
    		min-width: 93px;
    		padding-bottom: 1px;
    		text-align: center;
    		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
		}	
		#m1p1_panelPrincipal > div > #m1p1_mensajes > .ui-messages-error,
		#m1p1_panelPrincipal > div > #m1p1_mensajes > .ui-messages-info,
		#m1p1_panelPrincipal > div > #m1p1_mensajes > .ui-messages-warn{
            width: 770px;
        }
        
        #m1p1_panelBtnAceptar .ui-widget-content, #m1p1_panelBtnImprimir .ui-widget-content, 
        #m1p1_panelBtnAceptar, #m1p1_panelBtnImprimir{
            background: none !important;
            border: 0 none !important;
            color: #4f4f4f !important;
        }

        #m1p1_panelBtnAceptar .ui-panel-content, #m1p1_panelBtnImprimir .ui-panel-content{
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 0 none;
            padding: 0;
            margin-top: -2px;
        }
        #m1p1_divOperacionesPoliza >#m1p1_tabViewPolizas\:m1p1_panelReferencia,
        #m1p1_divOperacionesPoliza > .ui-panel{
			   position:absolute;
			   width: 110px !important;
			   background: none ;
    	   padding: 0px !important;				 
		    }
        #m1p1_divOperacionesPoliza .ui-panel-content, #m1p1_divOperacionesPoliza .ui-panel
     		{
  		    	background: none ;
    			border: 0px !important;
    			padding: 0px !important;
			  }
	 </style>
	 
	 <!-- Scripts -->
	 <script >
	   
	 </script>
	 
	 
	 <div id="m3p1_divWrapper">
	 <h:form id="m1p1_form" class="frmGral">
	 	<h2>
			<h:outputText id="txtTituloPantalla" value="Ingresos en Caja de Ahorro"></h:outputText>
		</h2>
		<fieldset id="m3p1_field" class="fieldGral fieldsetGral">
			<legend class="lblGral">Captura / edicion de ingresos</legend>
		<div>
			<table>
				<tr>
					<td> <h:outputLabel value="No. Socio:" id="m3p1_lblNoPersonal" class="lblGral espacioEtiqueta"/> </td>
			       	<td> 
			       		<p:inputText styleClass="txtGral textBox" id="m3p1_txtNoPersonal" 
			       			maxlength="80" >
			       		</p:inputText>
			            
			            <pe:keyFilter for="m3p1_txtNoPersonal" 
			            regEx="/^[1-9][0-9]*$/" />
			            <!-- regEx="/[a-zA-Z&#225;&#233;&#237;&#243;&#250;&#241;&#193;&#201;&#205;&#211;&#218;&#209;&#220; ]/" /> -->
			        </td>
			        <td> <h:outputLabel value="Fecha de ingreso:" id="m3p1_lblFechaIngreso" class="lblGral espacioEtiqueta"/> </td>
			       	<td> 
			       		<p:inputText styleClass="txtGral textBox" id="m3p1_txtFechaIngreso" 
			       			maxlength="80" >
			       		</p:inputText>
			        </td>
			        <!--  <td>
			        	<p:calendar id="button" value="#{calendarView.date3}" showOn="button" styleClass="driverLicExpCal" />
			        </td>
			        -->
				</tr>
				
				<tr>
					<td> <h:outputLabel value="Nombre Completo:" id="m3p1_lblNombreCompleto" class="lblGral espacioEtiqueta"/> </td>
			       	<td> 
			       		<p:inputText styleClass="txtGral textBox" id="m3p1_txtNombreCompleto" 
			       			maxlength="150">
			       		</p:inputText>
			            
			            <pe:keyFilter for="m3p1_txtNombreCompleto" 
			            regEx="/[a-zA-Z&#225;&#233;&#237;&#243;&#250;&#241;&#193;&#201;&#205;&#211;&#218;&#209;&#220; ]/" /> 	
			        </td>
			        <td> <h:outputLabel value="Importe Cuota:" id="m3p1_lblImporteCuota" class="lblGral espacioEtiqueta"/> </td>
			       	<td> 
			       		<p:inputText styleClass="txtGral textBox" id="m3p1_txtImporteCuota" 
			       			maxlength="80" >
			       		</p:inputText> 	
			        </td>
			        
				</tr>
			</table>
			
			<div>
			<ul  class="listaBotones" id="m3p1_listaBotones">
				<li>
					<p:button id="m3p1_btnBuscar" value="BUSCAR"	 
						styleClass="espacioBoton butGral" disabled="false" />
					
					<p:button id="m3p1_btnLimpiar" value="LIMPIAR"  						
						styleClass="espacioBoton butGral" disabled="false" />
					
					<p:button id="m3p1_btnRegistrar" value="REGISTRAR"	 
						styleClass="espacioBoton butGral"	disabled="false"/>
										
					<p:button id="m3p1_btnActualizar" value="GUARDAR CAMBIOS" onclick="dlgGuardar.show();" 
						styleClass="espacioBoton butGral"	disabled="false"/>
					
				</li>
			</ul>
	       	
			</div>
			
		</div>
			<div class="divTablaResumenAhorros">
				<p:dataTable id="m3p1_tablaAhorros" var="ahorros" value="#{ingresosCajaAhorroBean.listaAhorros}" selectionMode="single"  
				rowKey="#{ahorros.idSocio}" style="font-size:11px; font-weight: none !important;">
		        	<p:column headerText="Socio">
		            	<h:outputText value="#{ahorros.idSocio}" />
					</p:column>
		        	<p:column headerText="Nombre Completo">
		            	<h:outputText value="#{ahorros.nombreCompleto}" />
		        	</p:column>
		        	<p:column headerText="Fecha Ingreso">
		            	<h:outputText value="#{ahorros.fechaIngreso}" >
		            		<f:convertDateTime pattern="dd/MM/yyyy"/>
		            	</h:outputText>
		        	</p:column>
		        	<p:column headerText="Importe">
		            	<h:outputText value="#{ahorros.importe}" />
		           	</p:column>
		   		</p:dataTable>
		   	</div>
		</fieldset>	
	 </h:form>
	 </div>
</div>
